<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<title>合一健康会员中心-我的订单</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/member.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
<!--<script type="text/javascript" src="js/popover.js"></script>-->
<script type="text/javascript" src="js/Tab.js"></script>
<script type="text/javascript" src="js/star.js"></script>
<script type="text/javascript" src="js/my.js"></script>
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


<script src="js/jscarousel.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#jsCarousel').jsCarousel({ onthumbnailclick: function(src) { 
  // 可在这里加入点击图片之后触发的效果
  $("#overlay_pic").attr('src', src);
  $(".overlay").show();
  }, autoscroll: true });
  
  $(".overlay").click(function(){
    $(this).hide();
  });
});
</script>



</head>
<body>
<!-- ---------------------------------- -->
<!-- top -->
<!-- ---------------------------------- -->
<div class="topnav">
<div class="container">
  <div class="topnav_left"><a href="#">登录</a>&nbsp;&nbsp;<span class="font_size10 color_999">|</span>&nbsp;&nbsp;<a href="#">注册</a><a href="#" class="color_777 font_size12"> (免费注册送积分)</a></div>
  <div class="topnav_right">
  <ul class="nav navbar_top-nav navbar-right">
  		<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">我的购物车<span class="color_heyihong">(2)</span> <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu" style=" min-width:300px;">
            <li class="margin_left20">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="2"><a href="#"><img src="image/tuangou1.jpg" height="70" width="74"></a></td>
                <td colspan="2"><a href="#">爱康国宾北京白石体检分院</a></td>
                </tr>
              <tr>
                <td><span class="color_heyihong">￥123</span> &times;1</td>
                <td><a href="#">删除</a></td>
              </tr>
            </table>
            </li>
            <li class="divider"></li>
            <li class="margin_left20">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="2"><a href="#"><img src="image/tuangou1.jpg" height="70" width="74"></a></td>
                <td colspan="2"><a href="#">爱康国宾北京白石体检分院</a></td>
                </tr>
              <tr>
                <td><span class="color_heyihong">￥123</span> &times;1</td>
                <td><a href="#">删除</a></td>
              </tr>
            </table>
            </li>
            <li class="divider"></li>
            <li style="float:right; margin-right:20px;">您共有<span class="color_heyihong">（2）</span>件商品&nbsp;&nbsp;共计<span class="color_heyihong">￥358</span></li>
            <li class="margin_left20"><button type="button" class="btn btn-danger_g" style="float:right; margin-right:20px;"><span class="glyphicon glyphicon-shopping-cart"></span>
查看购物车</button></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">个人中心 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的预约</a></li>
            <li><a href="#">我的积分</a></li>
            <li class="divider"></li>
            <li><a href="#">会员中心</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">企业中心 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的预约</a></li>
            <li><a href="#">我的积分</a></li>
            <li class="divider"></li>
            <li><a href="#">会员中心</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">机构中心 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的预约</a></li>
            <li><a href="#">我的积分</a></li>
            <li class="divider"></li>
            <li><a href="#">会员中心</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助中心 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的预约</a></li>
            <li><a href="#">我的积分</a></li>
            <li class="divider"></li>
            <li><a href="#">会员中心</a></li>
          </ul>
        </li>
      </ul>
  
   
  </div>
</div>
</div>
<!-- ---------------------------------- -->
<!-- header -->
<!-- ---------------------------------- -->
<div class="logobox">
  <div class="container">
    <div class="logobox_logo"><img src="image/logo.png" width="140" height="50"></div>
    <div class="logobox_chengshi"> [全国站]<br>
      <a href="#" class="color_heyihong">切换城市</a> </div>
    <div class="logobox_ditou"> 体检机构<br>
      <a href="#">分布地图</a> <span class="glyphicon glyphicon-map-marker color_heyihong"></span> </div>
    <div class="logobox_right">
      <div class="logobox_gouwuche"></div>
      <div class="logobox_search">
        <form class="form-inline" role="form">
          <div class="input-group">
            <div class="input-group-btn">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">搜索类别 <span class="caret"></span></button>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">体检套餐</a></li>
                <li><a href="#">体检中心</a></li>
                <li><a href="#">订单信息</a></li>
              </ul>
            </div>
            <input type="text" class="form-control" placeholder="请输入关键词">
            <span class="input-group-btn">
            <button class="btn btn-danger_g" type="button"><span class="glyphicon glyphicon-search"></span></button>
            </span> </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!-- ---------------------------------- -->
<!-- nav -->
<!-- ---------------------------------- -->
<nav class="navbar navbar-inverse_g navbar-static-top" role="navigation">
  <div class="container">
    <!-- Collect the nav links, forms, and other content for toggling -->
    <a class="navbar-brand_g" href="#">体检服务查询</a>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav"> 
        <li><a href="#">首页 </a></li>
        <li><a href="#">个人团购</a></li>
        <li><a href="#">企业团购</a></li>
        <li><a href="#">需求信息</a></li>
        <li><a href="#">体检中心</a></li>
        <li><a href="#">其他体检</a></li>
        <li><a href="#">积分商城</a></li>
        <li><a href="#">健康社区</a></li>
        <li><a href="#">友情链接</a></li>
      </ul> 
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!--正文部分-->
<div class="container adframe">
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <img src="image/ad.jpg" alt="">
    </div>
  </div>
</div>

<div class="container memberframe">
  <div class="row">
    <div class="col-lg-12 col-xs-12">
      <!--左侧开始-->
      <div class="memberleft">
        <div class="membertitle"><h3>会员中心</h3></div>
        <div class="memberborder">
        <div class="memberuserinfo">
          <div class="memberphoto"><img src="image/memberuserimg.jpg" alt=""></div>
          <div class="membername"><i class="memberusericon"></i><span>我是用户名我是用户名我是用户名</span><a href="#" class="edituser">修改用户</a></div>
          <div class="memberblock">
            <a href="#" class="friends"><i class="friendsicon"></i>好友圈</a>
            <a href="#" class="message"><i class="membermessage"></i>私　信</a>
          </div>
        </div>

        <div class="memberleftmenu">
          <div class="menutitle text-center"><i class="ordericon"></i>订单管理</div>
          <ul>
            <li><a href="#" class="menuactive">我的订单</a></li>
            <li><a href="#">已购套餐</a></li>
            <li><a href="#">在线预约</a></li>
            <li><a href="#">预约管理</a></li>
          </ul>
          <div class="menutitle text-center"><i class="myinfoicon"></i>我的信息夹</div>
          <ul>
            <li><a href="#">我的订单发布</a></li>
            <li><a href="#">我的点评</a></li>
            <li><a href="#">我的提问</a></li>
            <li><a href="#">我收藏的机构</a></li>
            <li><a href="#">我收藏的套餐</a></li>
          </ul>
          <div class="menutitle text-center"><i class="accounticon"></i>账户中心</div>
          <ul>
            <li><a href="#">账户信息</a></li>
            <li><a href="#">账户安全</a></li>
            <li><a href="#">账户余额</a></li>
            <li><a href="#">账户积分</a></li>
            <li><a href="#">我的现金券</a></li>
          </ul>
          <div class="menutitle text-center"><i class="seviceicon"></i>客户服务</div>
          <ul>
            <li><a href="#">发票申请</a></li>
          </ul>
        </div>
        </div>
      </div>
      <!--左侧结束-->

      <!--右侧开始-->
      <div class="memberright">
        
        <div class="memberbordertop">
          <section class="panel">
            <header class="panel-heading"><span class="title">我的订单</span></header>

            <ul id="myTab" class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#tabs1" id="1tab" role="tab" data-toggle="tab" aria-controls="tabs1" aria-expanded="true">全部订单</a></li>
            <li role="presentation" class=""><a href="#tabs2" role="tab" id="2tab" data-toggle="tab" aria-controls="tabs2" aria-expanded="false">已付款</a></li>
            <li role="presentation" class=""><a href="#tabs3" role="tab" id="3tab" data-toggle="tab" aria-controls="tabs3" aria-expanded="false">待付款</a></li>
            <li role="presentation" class=""><a href="#tabs4" role="tab" id="4tab" data-toggle="tab" aria-controls="tabs4" aria-expanded="false">已取消订单</a></li>
              </ul>
            </li>
           </ul>
          
          <div id="myTabContent" class="tab-content tabsbordertop">

            <div role="tabpanel" class="tab-pane fade active in" id="tabs1" aria-labelledby="1tab">
            <div class="panel-body" id="panel-bodys">
                <table class="table table-striped table-advance table-hover text-center">
                  <thead>
                  <tr>
                      <th class="tablehead">订单信息</th>
                      <th class="tablehead">数量</th>
                      <th class="tablehead">下单时间</th>
                      <th class="tablehead">支付方式</th>
                      <th class="tablehead">状态</th>
                      <th class="tablehead">金额</th>
                      <th class="tablehead">操作</th>
                  </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td colspan="7" class="text-left ordernumber">订单号：2015011064598789</td>
                    </tr>
                    <tr>
                        <td class="orderlist"><a href="#"><div class="orderproimg"><img src="image/pro.jpg" alt=""><span>商品名称</span></div></a></td>
                        <td class="orderlist">2</td>
                        <td class="orderlist">2015-01-01 22:01:05</td>
                        <td class="orderlist"><i class="onlinepay"></i>在线付款</td>
                        <td class="orderlist"><i class="paymenticon"></i>已付款</td>
                        <td class="orderlist">￥500.00</td>
                        <td><a href="#" class="btn btn-order">立即点评</a></td>
                    </tr>

                    <tr>
                      <td colspan="7" class="text-left ordernumber">订单号：2015011064598789</td>
                    </tr>
                    <tr>
                        <td class="orderlist"><a href="#"><div class="orderproimg"><img src="image/pro.jpg" alt=""><span>商品名称</span></div></a></td>
                        <td class="orderlist">2</td>
                        <td class="orderlist">2015-01-01 22:01:05</td>
                        <td class="orderlist"><i class="onlinepay"></i>在线付款</td>
                        <td class="orderlist"><i class="paymenticon"></i>已付款</td>
                        <td class="orderlist">￥500.00</td>
                        <td><a href="#" class="btn btn-order">立即点评</a></td>
                    </tr>

                    <tr>
                      <td colspan="7" class="text-left ordernumber">订单号：2015011064598789</td>
                    </tr>
                    <tr>
                        <td class="orderlist"><a href="#"><div class="orderproimg"><img src="image/pro.jpg" alt=""><span>商品名称</span></div></a></td>
                        <td class="orderlist">2</td>
                        <td class="orderlist">2015-01-01 22:01:05</td>
                        <td class="orderlist"><i class="onlinepay"></i>在线付款</td>
                        <td class="orderlist"><i class="paymenticon"></i>已付款</td>
                        <td class="orderlist">￥500.00</td>
                        <td><a href="#" class="btn btn-order">立即点评</a></td>
                    </tr>

                    <tr>
                      <td colspan="7" class="text-left ordernumber">订单号：2015011064598789</td>
                    </tr>
                    <tr>
                        <td class="orderlist"><a href="#"><div class="orderproimg"><img src="image/pro.jpg" alt=""><span>商品名称</span></div></a></td>
                        <td class="orderlist">2</td>
                        <td class="orderlist">2015-01-01 22:01:05</td>
                        <td class="orderlist"><i class="onlinepay"></i>在线付款</td>
                        <td class="orderlist"><i class="nopayment"></i>未付款</td>
                        <td class="orderlist">￥500.00</td>
                        <td><a href="#" class="btn btn-orderpay">马上付款</a></td>
                    </tr>

                  </tbody>
              </table>
              </div>

              <div class="paginationpage text-center">
              <nav>
                <ul class="pagination">
                  <li><a href="#">&laquo;</a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
              </nav>
            </div>
            
            </div>


            <div role="tabpanel" class="tab-pane fade" id="tabs2" aria-labelledby="2tab">
            已付款内容区域
            </div>

            <div role="tabpanel" class="tab-pane fade" id="tabs3" aria-labelledby="3tab">
            待付款内容区域
            </div>

            <div role="tabpanel" class="tab-pane fade" id="tabs4" aria-labelledby="4tab">
             已取消订单内容区域
            </div>
          </div> 

              
          </section>
        </div>

      </div>
      <!--右侧结束-->


    </div>
  </div>
</div>
<!--正文部分-->


<!-- ---------------------------------- -->
<!-- 承诺 -->
<!-- ---------------------------------- -->
<div  class="chengnuo_box">
	<div class="container">
    	<div class="row">
        	<div class="col-xs-12">
            	<div class="row7">
        	<div class="col-7">
            <span class="glyphicon glyphicon-flag titlei"></span><br>
			<span class="titleb">健康体检</span><br>
            <span class="titles">国内领导品牌</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-refresh titlei"></span><br>
			<span class="titleb">90天退换</span><br>
            <span class="titles">超长退换时限</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-thumbs-up titlei"></span><br>
			<span class="titleb">100%满意</span><br>
            <span class="titles">项目齐全</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-certificate titlei"></span><br>
			<span class="titleb">低价承诺</span><br>
            <span class="titles">买贵陪三倍</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-check titlei"></span><br>
			<span class="titleb">官方授权</span><br>
            <span class="titles">金牌合作单位</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-user titlei"></span><br>
			<span class="titleb">检后服务</span><br>
            <span class="titles">终生健康管理</span>
            </div>
            <div class="col-7">
            <span class="glyphicon glyphicon-registration-mark titlei"></span><br>
			<span class="titleb">诚信认证</span><br>
            <span class="titles">多机构认证</span>
            </div>
        </div>
            </div>
        </div>
    </div>
</div>
<!-- ---------------------------------- -->
<!-- 快捷导航 -->
<!-- ---------------------------------- -->
<div  class="bottom_links_box">
	<div class="container">
    	<div class="row">
        	<div class="col-xs-12">
            	<div class="row7">
        	<div class="col-7">
            <p>24小时客服热线：<br>
			<span class="title">4006-302-100</span><br>
			<a href="#">合一健康新浪微博</a><br>
			<a href="#">合一健康腾讯微博</a>
            </p>
            </div>
            <div class="col-7">
            <p><span class="title">关于我们</span><br>
                <a href="#">公司介绍</a><br>
                <a href="#">入住指南</a><br>
                <a href="#">分销招募</a><br>
              <a href="#">联系我们</a></p>
            </div>
            <div class="col-7">
            <p><span class="title">客户帮助</span><br>
                公司介绍<br>
                入住指南<br>
                分销招募<br>
                联系我们</p>
            </div>
            <div class="col-7">
            <p><span class="title">新手指南</span><br>
                公司介绍<br>
                入住指南<br>
                分销招募<br>
                联系我们</p>
            </div>
            <div class="col-7">
            <p><span class="title">售后服务</span><br>
                公司介绍<br>
                入住指南<br>
                分销招募<br>
                联系我们</p>
            </div>
            <div class="col-7">
            <p><span class="title">购物保障</span><br>
                公司介绍<br>
                入住指南<br>
                分销招募<br>
                联系我们</p>
            </div>
            <div class="col-7">
            <p><img src="image/weibo.jpg" width="107" height="107"><br>
                合一健康公众微信</p>
            </div>
        </div>
            </div>
        </div>
    </div>
</div>

<!-- ---------------------------------- -->
<!-- foot -->
<!-- ---------------------------------- -->
<div class="foot_box">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
      <hr>
      <p><a href="#">城市分站</a>  |  体检套餐  |  体检中心  |  体检项目  |  资讯百科  |  健康吧  |  健康管理  |  客服中心  |  帮助中心  |  关于合一<br>

    地址：北京市山河区中山北路258号钻石坊B栋2楼  电话/传真：010-88558855</p>
      </div>
    </div>
  </div>
</div>


</body>
</html>
